{$google_map_header}
{$google_map_js}

{literal}
    <style type="text/css">
      v\:* {ldelim}
        behavior:url(#default#VML);
     {rdelim} 
     
     #gallery div.slideshow img {
         width:359px;
		 /*height:299px;*/ overflow:hidden;
     }
    </style>
{/literal}
{literal}
    <script type="text/javascript">
            $(function(){
                $('#zh,#SideBar').remove();
            });
	</script>
    <style type="text/css">
        body{
            background:none;
        }
    #main{
        margin-top : 100px;
        padding : 20px;
        border : 1px solid #CDCDCD;
        -moz-border-radius:5px;
        width : 700px;
    }
    #link_retour{
        position:relative;
        top:75px;
        left:350px;
    }
    </style>
{/literal}
<!--[if lte IE 9]>
		<link rel="stylesheet" href="{$j_basepath}design/front/css/ie9.css" type="text/css" />                            
	<![endif]-->
	<!--[if lte IE 8]>
		<link rel="stylesheet" href="{$j_basepath}design/front/css/ie8.css" type="text/css" />                            
	<![endif]-->
<div id="global" class="search">
    <span id='zh'>
    {$oZoneHeader}
    </span>
    
<div id="main">
    <div id="leftContent2">
    	<div id="prod">
        	<div class="annonce"><h2><a href="{jurl 'recherche~FoRecherche:index', array('marque'=>$annonce->Occas_Marque)}">{$annonce->marque_libelle}</a> <a href="{jurl 'recherche~FoRecherche:index', array('modele'=>$annonce->Occas_Modele)}">{$annonce->modele_libelle}</a></h2> <span>{$annonce->Occas_Version|truncate:36}</span><span class="prix">{$annonce->Occas_Prix} € </span></div>
            <div class="leftItem">
            	<div class="wrap">
               
                    	<div class="options">
                            {assign $p = 0}
                        	<p>{if $annonce->Occas_Kilometrage}{$annonce->Occas_Kilometrage} Km {assign $p = 1}{/if}{if $annonce->Occas_Kilom_Moteur}{if $p}- {/if}{$annonce->Occas_Kilom_Moteur} Km moteur{/if}</p>
                            <p>{$annonce->carburation}</p>
                            <p>{$annonce->Occas_Millesime}</p>
                            <p><a href="#">{$annonce->region}</a> ({$annonce->departement_num}) -  <a href="{jurl 'recherche~FoRecherche:index', array('dept'=>$annonce->departement_num)}">{$annonce->departement_nom}</a></p>
                            <div class="detail">
                            	<ul>
                                	<li>Boite {$annonce->vitesse}</li>
                                    <li>{$annonce->Occas_NbPorte} portes</li>
                                    <li>{$annonce->Occas_Couleur}</li>
                                </ul>
                            </div>
                           
                        </div>
                        <div class="deco">&nbsp;</div>
                        {if sizeof($equipement)}
                        <div class="equipement">
                        	<h3>Equipements de série</h3>
                            {assign $k = 1}
                            {foreach $equipement as $item}
                            
                            <ul class="e{$k}">
                            	<li class="titre"><span>{$item->categ}</span></li>
                                {if sizeof($item->equipment)}
                                    {foreach $item->equipment as $val}
                                        <li>{$val}</li>
                                    {/foreach}
                                {/if}
                            </ul>
                            {if $k == 2} {assign $k = 1} {else} {assign $k++} {/if}
                            
                            {/foreach}
                        </div>
                        {/if}
                    <!--end content-->
                </div>
            </div>
             <!--end leftItem-->
             <div class="rightItem">
             	<div style="width:361px; overflow:hidden; position:relative; margin:0 0 10px;">
                	<!--begin gallery-->
             	<div id="gallery">
                  <div id="controls" class="controls"></div>
                  <div class="slideshow-container">
                    <div id="loading" class="loader"></div>
                    <div id="slideshow" class="slideshow"></div>
                  </div>
                  <div id="caption" class="caption-container"></div>
                </div>
                <div id="thumbs" class="navigation">
                  <ul class="thumbs" style="width:324px; overflow:hidden;">
                    {if sizeof($photo)}
                        {foreach $photo as $itemPhoto}
                            {if $itemPhoto->photo_name}
                                <li><a class="thumb" href="{$imgPath}{$itemPhoto->photo_name}"><img  src="{$imgPath}{$itemPhoto->photo_name}" /></a></li>
                            {/if}
                        {/foreach}
                    {elseif $annonce->marque_logo}
                        <li><a class="thumb" href="{$annonce->marque_logo}"><img  src="{$annonce->marque_logo_petit}" /></a></li>
                    {else}
                        <li><a class="thumb" href="{$j_basepath}design/front/images/no-image-home2.jpg"><img  src="{$j_basepath}design/front/images/no-image-home2.jpg" /></a></li>
                    {/if}
                    
                  </ul>
                </div>
                <div class="clear">&nbsp;</div>
                <a href="#" class="showpopin"><img alt="Zoom" src="{$j_basepath}design/front/images/zoom.png" title="Zoom" /></a>
                <!--end gallery-->
                </div>
             	
             	<div id="vendeur">
                    <input type="hidden" name="urlChkCaptcha" id="urlChkCaptcha" value="{jurl 'recherche~FoFiche:checkCaptcha'}" />
                	<h3>Vendeur</h3>
                	 <ul class="idTabs">
                        <li><a title="Acheter" class="a1" href="#idTab1">Coordonnees</a></li>
                        <li class="last"><a title="Vendre" class="a2" href="#idTab2">Localiser</a></li>
                      </ul>
                      <div id="idTab1" class="cd">
                      	<p><label>Vendeur : </label>{$annonce->typeVendeur}&nbsp;</p>
                        <p><label>Nom : </label>{$annonce->Vendeur_Prenom} {$annonce->Vendeur_Nom}&nbsp;</p>
                        <p><label>Réf.annonce : </label>{$annonce->IdOccasion} {if $annonce->Occas_Reference} - {$annonce->Occas_Reference}&nbsp;{/if}</p>
                        <p><label>Téléphone : </label>{$annonce->tel}&nbsp;</p>
                        
                      </div>
                      <div id="idTab2" class="loc"><div style="padding:0 0 0 6px;">{$google_map}</div></div>
                </div> 
            </div>
            <!--end rightItem-->
        </div>
       <!-- end prod-->
    </div>
    
    <div class="clear">&nbsp;</div>
  </div>
  {$oZoneScroll}
</div>
